<template>
    <div>
       
<!-- <van-nav-bar
  title="标题"
  left-text="返回"
  left-arrow
  @click-left="onClickLeft"
/>
<van-swipe :autoplay="3000" lazy-render>
  <van-swipe-item v-for="image in images" :key="image">
    <img :src="image" />
  </van-swipe-item>
</van-swipe>
<van-grid>
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
</van-grid> -->
    </div>
</template>

<script setup>
// import { ref } from 'vue';
// const images = [
//       'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
//       'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
//       'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
//       'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
//     ];
//     import { catitemsApi } from '@/api/api';
//     let catitemsApiData=ref([])
//     catitemsApi().then(res=>{
//         catitemsApiData.value=res.data.message
//         console.log(res);
        
//     })
</script>

<style lang="scss" scoped>

</style>